/** @jsxImportSource @emotion/react */
import * as React from "react";
import {CCell, Table, TableBody, Text,} from "customize-easy-ui-component";
import {RepLink,} from "../../common/base";
import {useThreeColumnView} from "../../hook/useThreeColumnSubr";

const 设计型式选=['开式','闭式'];
const 样冷却选=['有，且符合取样要求','有，但不能满足取样要求','无，取样位置：'];
const 炉状态选=['运行','停运'];
const 隔离选=['无','氮封','冷油液封'];
const 胀罐型选=['开式','闭式','锅炉停运，不作判定'];
export const config设备概况 = [
  [['名  称', '_$使用单位',],],
  [['地址', '_$使用单位地址'], ],
  [['安装地址', '_$设备使用地点'], ],
  [['邮政编码', '_$使用单位邮编'], ['联系人', '_$单位联系人'], ['联系电话', '_$使用单位电话']],
  //锅炉及传热系统情况:
  [['锅炉型号', '_$型号'], ['出厂编号', '_$出厂编号'], ['单位内编号', '_$单位内部编号']],
  [['使用证号', '_$使用证号'], ['额定热功率', '_$额定蒸发量','MW'], ['额定压力', '_$额定压力', 'MPa']],
  [['设备代码', '_$设备代码'], ['系统设计型式', {n: '传热设型', t: 'l', l: 设计型式选}], ['取样冷却器', {n: '样冷却', t: 'l', l: 样冷却选}]],
  [['取样时锅炉状态', {n: '取炉态', t: 'l', l: 炉状态选}], ['膨胀罐与大气的隔离方式', {n: '胀隔离', t: 'l', l: 隔离选}], ['锅炉运行状态膨胀罐实际型式', {n: '胀罐型', t: 'l', l: 胀罐型选}]],
];
//【不关联设备才特殊的】没有台账的再次录入要求：存储名字一致。
export const config增补概况 =(verId:string, orc:any)=>{
   return [
        [['使用单位名称', {n:'使用单位',t:'B',l:[orc?.服务单位]},], ['地址', '使用单位地址'],],
        [['安装地址', '设备使用地点'], ['邮政编码', '使用单位邮编'],],
        [['联系人', '单位联系人'], ['联系电话', '使用单位电话'], ],
        [['锅炉型号', '型号'], ['出厂编号', '出厂编号'],],
        [['单位内编号', '单位内部编号'], ['使用证号', '使用证号'], ],
        [['额定热功率', '额定蒸发量','MW'], ['额定压力', '额定压力', 'MPa']],
        [['设备代码', '设备代码'],  ],
      ]
};

export const 检验报告设备 = ({orc, rep, theme}: { orc: any, rep: any, theme: any }
) => {
  const [firstP,secondP]=useThreeColumnView({orc, config:config设备概况,slash:true,split:[4],
                    embedCol: [<CCell rowSpan={4}>使用单位</CCell>, <CCell rowSpan={4}>锅炉及传热系统情况</CCell> ] });
  return <>
    <Text variant="h2" css={{textAlign: 'center', "@media print": {pageBreakBefore: 'always',},
    }}>在用有机热载体检验报告</Text>
    <Text css={{display: 'flex', flexDirection: 'row-reverse', marginRight: '2rem'
    }}>报告编号：{rep.isp?.no}</Text>
    <Table id='Survey' fixed={ ["5%", "8.2%", "23%", "12.1%", "15%", "14.1%","%"] }
                    css={{borderCollapse: 'collapse'}} tight miniw={800}>
      <TableBody>
        <RepLink rep={rep} tag={'Survey'}>
          {firstP}
          {secondP}
        </RepLink>
      </TableBody>
    </Table>
  </>;
};
